#5E95A3

Color Details

HEX
#5E95A3
RGB
rgb(94, 149, 163)
HSL
hsl(192, 27%, 50%)
CMYK
cmyk(42%, 9%, 0%, 36%)
Best text on this color #000000 (CR 6.30:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e95a3
Contrast 6.30:1 AA
White on #5e95a3
Contrast 3.33:1 Fail
#5e95a3 on Black
Contrast 6.30:1 AA
#5e95a3 on White
Contrast 3.33:1 Fail

Tints & Shades

#7eaab5
#9ebfc8
#bfd5da
#4b7782
#385962
#263c41

Complement & Analogous

#a26b5d
#5d72a2
#5da28d

Triadic

#a25d94
#94a25d

Monochrome

#263c41 #385962 #5e95a3 #9ebfc8 #bfd5da #dfeaed

Analogous

#5da28d #8ebeaf #5e95a3 #7d8eb5 #5d72a2 #4a5b82

Complementary Mix

#385962 #5e95a3 #9ebfc8 #a26b5d #c39f96 #69463c

Nearby Colors

#5e95a2
#5e95a4
#5e9593
#5e95b3

Embed #5E95A3 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E95A3

#5E95A3 converts to RGB(94, 149, 163) and HSL(192, 27%, 50%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E95A3 FAQs

What is the RGB value of #5E95A3?
RGB: 94, 149, 163. Copy as CSS: rgb(94, 149, 163)
Is #5E95A3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E95A3?
Complement: #a26b5d.
Does #5E95A3 have good contrast on white or black?
On white: 3.33:1 (AA (large text)). On black: 6.30:1 (AA (normal text)).